<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>专属客服 管理员 -  frm</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	
	
	<style>

body {
    background: #fff;
    color: #666;
}

html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
    margin: 0;
    padding: 0;
}



a {
    color: #666;
    text-decoration: none;
}



.divHeight {
    width: 100%;
    height: 10px;
    background: #f5f5f5;
    position: relative;
    overflow: hidden;
}


.b-line {
    position: relative;
}

.b-line:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e2e2e2;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.aui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px;
    position: relative;
}




.aui-mon-user{
    width:70px;
    height:70px;
    border-radius:100%;
    margin:-30px auto;

}


.aui-head-bg .aui-mon-user img{
	width: 70px;
	height: 70px;
    display:block;
    border:2px solid #fff;
    border-radius:100%;

}

.aui-head-bg{
    width:100%;
    position:relative;
}

.aui-head-bg img{
    width:100%;
    height:auto;
    display:block;
    border:none;
}

.aui-mon-head{
    width:90%;
    box-shadow: 0 2px 10px #dedede;
    background:#fff;
    position:absolute;
    left:50%;
    top:40%;
    margin-left:-45%;
    border-radius:10px;
}

.aui-mon-title{
    text-align:center;
    padding-top:2.5rem;
}

.aui-mon-button{
    padding:1rem 0 1.3rem 0;
}

.aui-mon-button button{
    border:1px solid #d2d2d2;
    background:none;
    border-radius:20px;
    font-size:0.88rem;
    margin:0 auto;
    display:block;
    position:relative;
	height: 1.6rem;
	background: linear-gradient(to right,#f370af 0,#5515ee 100%);
	width: 5rem;
}

.aui-mon-title h2{
    color:#323232;
    font-size:0.99rem;
    font-weight:normal;
}

.aui-mon-button button:after{
    background-image:url('');
    content: '';
    position: absolute;
    z-index: 0;
    top: 0.2rem;
    left: 0.5rem;
    background-size: 70px;
    width: 60px;
    height: 18px;
}

.aui-mon-list{
    padding-top:2rem;
    padding-bottom:4rem;
}



.aui-cou-img {
    width: 25px;
    height: 25px;
    margin-right: 0.5rem;
}

.aui-cou-img img {
    width: 25px;
    height: 25px;
    display: block;
    border: none;
}


	
	</style>
	
	
</head>
<body>

<section class="aui-flexView">

	<section class="aui-scrollView">
		<div class="aui-head-bg">
			<img src="">
			<div class="aui-mon-head">
				<div class="aui-mon-user" id="userImg">
					<img src="" >
				</div>
				<div class="aui-mon-title">
					<h2 id="weichat"> - - - </h2>
				</div>
				<div class="aui-mon-button"  tapmode onclick="ClipBoardWeixin()"  >
					<button></button>
				</div>
			</div>
		</div>
		<div class="aui-mon-list">
			<a tapmode onClick="Message()"  class="aui-flex b-line"> 
				<div class="aui-cou-img">
					<img src="">
				</div>
				<div class="aui-flex-box">
					<p>留言建议</p>
				</div>
				<div class="aui-arrow">
					<span></span>
				</div>
			</a>

			
			<a  tapmode onclick="Help()" class="aui-flex b-line">
				<div class="aui-cou-img">
					<img src="">
				</div>
				<div class="aui-flex-box">
					<p>帮助指南</p>
				</div>
				<div class="aui-arrow">
					<span></span>
				</div>
			</a>
			<a  tapmode onclick="Recommend()" class="aui-flex b-line">
				<div class="aui-cou-img">
					<img src="">
				</div>
				<div class="aui-flex-box">
					<p>推荐好友</p>
				</div>
				<div class="aui-arrow">
					<span></span>
				</div>
			</a>
			

		</div>


	</section>

</section>
</body>

	
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript">
		var api_url = localStorage.getItem('api_url');

		/////  初始化执行   S /////
		/////  apiready  一打开就执行的 函数
		apiready = function() {

		admin_service();
										// 网络状态
								api.addEventListener({
									name:'offline'
								}, function(ret, err){        

									api.toast({
									msg : '网络连接异常',
									duration : 5000,
									location : 'middle' 
									});

									  

								});

								api.addEventListener({
									name:'online'
								}, function(ret, err){        
								
									  api.toast({
									  msg : '已经连接网络',
									  duration : 2000,
									  location : 'middle' 
									  });
										  
		admin_service();
										  
								});		
		
			
		}
		/////  初始化执行   E /////





		/////////////客服获取 方法  customer_service  S  客服根据代理设置自动调用  ////////////
		function admin_service() {


														  api.showProgress({
															  title: '加载中',
															  modal: false
														  });

															api.ajax({
															url: api_url+'/login/login/admin_service.html',
															method: 'get',
															data: {
																values: {
																	key: 'qq166098756'   //安全码
															
																}
															}
														},function(ret, err){
															if (ret) { 
															
															  api.hideProgress();   //关闭加载提示
															  
																weichat.innerHTML = 'VIP客服微信：' + ret.msg;

																userImg.innerHTML = ' <img src="'+ ret.img + '" >' ;
															
															/*
															api.toast({
																	msg: '微信：' + weichat,
																	duration: 5000,
																	location : 'middle' 
																});
															*/	

	
																
															} else {
															  api.hideProgress();   //关闭加载提示
															  
																api.toast({
																	msg: '网络错误',
																	duration: 5000,
																	location : 'middle' 
																});


															}
														});	

		}

		/////////////客服获取 方法  customer_service  E  客服根据代理设置自动调用  ////////////
		
		
		
		
		


		/////////////联系管理 方法  ClipBoardWeixin   S   ////////////
		function ClipBoardWeixin() {




														  api.showProgress({
															  title: '处理中',
															  modal: false
														  });

															api.ajax({
															url: api_url+'/login/login/admin_service.html',
															method: 'get',
															data: {
																values: {
																	key: 'qq166098756'  //安全码
																	
																}
															}
														},function(ret, err){
															if (ret) { 
															
															  api.hideProgress();   //关闭加载提示
															  
															  
																		var clipBoard = api.require('clipBoard');
																		clipBoard.set({
																			value: ret.msg
																		}, function(ret, err) {
																			if(ret) {
																				api.toast({
																					msg: 'VIP客服微信已为您复制',
																					duration: 5000,
																					location : 'middle' 
																				});
																				var dialogBox = api.require('dialogBox');
																				dialogBox.close({
																					dialogName: 'alert'
																				});
																			} else {

																			}
																		});

	
																
															} else {
															  api.hideProgress();   //关闭加载提示
															  
																api.toast({
																	msg: '网络错误',
																	duration: 5000,
																	location : 'middle' 
																});
																
																		var clipBoard = api.require('clipBoard');
																		clipBoard.set({
																			value: '41886527'
																		}, function(ret, err) {
																			if(ret) {
																				api.toast({
																					msg: 'PNS微信已为您复制 ',
																					duration: 2000,
																					location : 'middle' 
																				});
																				var dialogBox = api.require('dialogBox');
																				dialogBox.close({
																					dialogName: 'alert'
																				});
																			} else {

																			}
																			
																			
																			
																		});
																
																


															}
														});


		}

		/////////////联系管理 方法  kefuWeixin   E   ////////////

	

		/////////////建议留言 方法  Message   E   ////////////
		function Message() {

			api.openWin({
				name: 'liuy_win',
				url: 'widget://html/liuy_win.html'
			});

		
		}
		/////////////建议留言 方法  Message   E   ////////////


	
	

		/////////////帮助指南 方法  Help   E   ////////////
		function Help() {
		
			api.openWin({
				name: 'help_win',
				url: 'widget://html/help_win.html'
			});

		
		
		}
		/////////////帮助指南 方法  Help   E   ////////////


	
	

		/////////////推荐好友 方法  Recommend   E   ////////////
		function Recommend() {
		
		
			api.openWin({
				name: 'share_win',
				url: 'widget://html/share_win.html'
			});

		
		
		
		}
		/////////////推荐好友 方法  Recommend   E   ////////////


			
		
		
		
	</script>
	
	
</html>
